<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影共享平台 - 首页</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="header-content">
                <h1>🎬 电影共享平台</h1>
                <p>一起看电影，共享观影体验</p>
            </div>
            <div class="user-info">
                <span>欢迎，{{ username }}</span>
                <a href="/logout" class="logout-btn">退出登录</a>
            </div>
        </div>
        
        <div class="features">
            <!-- 一起看电影功能 -->
            <div class="feature-card">
                <div class="feature-icon">👥</div>
                <h2>一起看电影</h2>
                <p>创建共享房间，邀请好友同步观看电影，实时互动，分享观影乐趣。</p>
                <a href="/watch" class="feature-btn">立即开始</a>
            </div>
            
            <!-- 电影排名功能（预留） -->
            <div class="feature-card coming-soon">
                <div class="coming-soon-badge">即将上线</div>
                <div class="feature-icon">🏆</div>
                <h2>电影排名</h2>
                <p>看看你们看过了多少电影？你最喜欢的电影是什么？</p>
                <span class="feature-btn">功能开发中</span>
            </div>
            
            <!-- 大模型推荐功能（预留） -->
            <div class="feature-card coming-soon">
                <div class="coming-soon-badge">即将上线</div>
                <div class="feature-icon">🤖</div>
                <h2>大模型推荐</h2>
                <p>基于AI大模型的个性化电影推荐，根据您的观影喜好推荐相似影片。</p>
                <span class="feature-btn">功能开发中</span>
            </div>
        </div>
        
        <div class="footer">
            <p>&copy; 2025 电影共享平台 - 让观影体验更加丰富</p>
        </div>
    </div>
</body>
</html>